page {
  /* 配置全局 组件能被继承的页面，父的样式*/
  font-family: "微软雅黑";
  font-size: 28rpx;
  font-weight: 400;
  font-style: normal;
  color: #333333;
  background-color: rgba(245, 245, 249, 1);
  box-sizing: border-box;
  width: 100vw;
  overflow-x: hidden;
}

button {
  margin: 0;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: block;
  clear: both;
}

.button-none {
  padding: 0 !important;
  border: none !important;
}

.font-family-1 {
  font-family: "PingFangSC-Regular", "PingFang SC";
}

text {
  font-family: "微软雅黑";
  font-size: 28rpx;
}

/* 这个相当于 heightFix */
/* .img {
  width: 100%;
  max-height: 100%;
} */
/* 这个相当于 widthFix */
/* .img {
  max-width: 100%;
  height: 100%;
} */
/* 加载图片防止闪烁 */
image {
  height: auto;
}

/* ------------- 微信文档摘写css ----------- */

.button-hover {
  background-color: red;
}

.other-button-hover {
  background-color: blue;
}

.navigator-hover {
  color: blue;
}

.other-navigator-hover {
  color: red;
}

/* --------------  布局  -------------- */

/* .container {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 10rpx;
  background-color: #fff;
  padding: 20rpx 0;
} */

.container {
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  margin: 0 auto;
  border-radius: 10rpx;
  background-color: #fff;
  padding: 20rpx 0;
}

.container2 {
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  margin: 0 auto;
  border-radius: 10rpx;
  background-color: #f5f9fc;
  padding: 20rpx 0;
  border: 1rpx solid #e8f3f2;
}

.container-no {
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  margin: 0 auto;
  border-radius: 10rpx;
  background-color: #fff;
  padding: 20rpx 0;
}

.alone-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.row {
  display: flex;
  justify-content: space-around;
}
.row-start {
  display: flex;
  justify-content: start;
}
.col-center {
  align-items: center;
}

.col {
  display: flex;
  flex-direction: column;
}

.no-blank {
  justify-content: space-between;
}

.row > .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.align-self {
  /* align-self:auto | flex-start | flex-end | center | baseline | stretch; */
  align-self: auto;
}

.flex-grow {
  flex-grow: auto;
}
.flex-shrink {
  flex-shrink: auto;
}
.flex-basis {
  flex-basis: auto;
}

.pr {
  position: relative !important;
}

/* ----------------  固定宽度宽度  ---------------- */

.w20 {
  width: 20rpx;
}
.w26 {
  width: 26rpx;
}
.w30 {
  width: 30rpx;
}
.w40 {
  width: 40rpx;
}
.w50 {
  width: 50rpx;
}
.w60 {
  width: 60rpx;
}
.w70 {
  width: 70rpx;
}
.w80 {
  width: 80rpx;
}

.w80p {
  width: 80% !important;
}

.w90p {
  width: 90% !important;
}

.w94p {
  width: 94% !important;
}

.w10 {
  width: 10 !important;
  white-space: nowrap
}

.w80 {
  width: 60rpx;
}

.w100 {
  width: 100rpx;
}
.w100p {
  width: 100% !important;
}

.w120 {
  width: 120rpx;
}

.w130 {
  width: 130rpx;
}

.w150 {
  width: 150rpx;
}

.w200 {
  width: 200rpx;
}

.h80 {
  height: 80rpx;
}

.h150 {
  height: 150rpx;
}

.h200 {
  height: 200rpx;
}
.h300 {
  height: 300rpx;
}

/* ----------------  圆条 线条  ---------------- */
.br20 {
  border-radius: 20rpx;
}

.br40 {
  border-radius: 40rpx;
}
.br50p {
  border-radius: 50%;
}

.bb {
  border-bottom: solid 1px rgba(245, 245, 249, 1);
}

.bt {
  border-top: solid 1px rgba(245, 245, 249, 1);
}

.border {
  /* border: solid 1px rgba(245, 245, 249, 1) !important; */
  border-radius: 5rpx;
}
.border1 {
  border: solid 1px rgba(245, 245, 249, 1) !important;
}

.bb-gray {
  border-bottom: solid 1px #e7e8e3;
}

/* ----------------  布局等分  ---------------- */

.span1 {
  flex: 1;
}

.span2 {
  flex: 2;
}

.span3 {
  flex: 3;
}

.span4 {
  flex: 4;
}

.span5 {
  flex: 5;
}

.span6 {
  flex: 6;
}

.span7 {
  flex: 7;
}

.span8 {
  flex: 8;
}

.span9 {
  flex: 9;
}

.span10 {
  flex: 10;
}

.span11 {
  flex: 12;
}

.span12 {
  flex: 12;
}

.span13 {
  flex: 13;
}

.span14 {
  flex: 14;
}

.span15 {
  flex: 15;
}

.span16 {
  flex: 16;
}

.span17 {
  flex: 17;
}

.span18 {
  flex: 18;
}

.span19 {
  flex: 19;
}

.span20 {
  flex: 20;
}

.span21 {
  flex: 21;
}

.span22 {
  flex: 22;
}

.span23 {
  flex: 23;
}

.span24 {
  flex: 24;
}

/* ----------------  内边距，外边距  ---------------- */

.mt-5 {
  margin-top: -5rpx !important;
}
.mt2 {
  margin-top: 2px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb100 {
  margin-bottom: 100px;
}

.mr2 {
  margin-right: 2px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.ml2 {
  margin-left: 2px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml40 {
  margin-left: 40px;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.p2 {
  padding-left: 2rpx !important;
  padding-right: 2rpx !important;
}

.p5 {
  padding-left: 5rpx !important;
  padding-right: 5rpx !important;
}

.p10 {
  padding-left: 10rpx !important;
  padding-right: 10rpx !important;
}

.p20 {
  padding-left: 20rpx !important;
  padding-right: 20rpx !important;
}

.p30 {
  padding-left: 30rpx !important;
  padding-right: 30rpx !important;
}

.p40 {
  padding-left: 40rpx !important;
  padding-right: 40rpx !important;
}

.ptb2 {
  padding-top: 2rpx !important;
  padding-bottom: 2rpx !important;
}

.ptb5 {
  padding-top: 5rpx !important;
  padding-bottom: 5rpx !important;
}

.ptb10 {
  padding-top: 10rpx !important;
  padding-bottom: 10rpx !important;
}

.ptb15 {
  padding-top: 15rpx !important;
  padding-bottom: 15rpx !important;
}
.ptb20 {
  padding-top: 20rpx !important;
  padding-bottom: 20rpx !important;
}

.ptb30 {
  padding-top: 30rpx !important;
  padding-bottom: 30rpx !important;
}

.ptb40 {
  padding-top: 40rpx !important;
  padding-bottom: 40rpx !important;
}

/* ----------------  字体大小  ---------------- */

.h1,
h1 {
  font-size: 48rpx;
  font-weight: 700;
}

.h2,
h2 {
  font-size: 36rpx;
  font-weight: 700;
}

.h3,
h3 {
  font-size: 36rpx;
  font-weight: 700 !important;
}

.h4,
h4 {
  font-size: 32rpx;
}

.h5,
h5 {
  font-size: 28rpx;
}

.h6,
h6 {
  font-size: 12rpx;
}

.fs12 {
  font-size: 12rpx !important;
}

.fs20 {
  font-size: 20rpx !important;
}

.fs22 {
  font-size: 22rpx !important;
}

.fs24 {
  font-size: 24rpx !important;
}

.fs26 {
  font-size: 26rpx !important;
}

.fs28 {
  font-size: 28rpx !important;
}

.fs30 {
  font-size: 30rpx !important;
}

.fs32 {
  font-size: 32rpx !important;
}

.fs36 {
  font-size: 36rpx !important;
}

.fs48 {
  font-size: 48rpx !important;
}

.fs60 {
  font-size: 60rpx !important;
}
.fs96 {
  font-size: 96rpx !important;
}

.weight {
  font-weight: bold !important;
  white-space: nowrap;
}
.weight500 {
  font-weight: 500 !important;
  white-space: nowrap;
}

.weight600 {
  font-weight: 600 !important;
  white-space: nowrap;
}
.weight700 {
  font-weight: 700 !important;
  white-space: nowrap;
}

.weight800 {
  font-weight: 800 !important;
  white-space: nowrap;
}

/* ----------------  字体颜色  ---------------- */

.text-white {
  color: white;
}
.text-black {
  color: #1a1a1a;
}
.text-center {
  text-align: center;
}

.text-order {
  font-size: 24rpx;
  margin-bottom: 10rpx;
  color: #464646 !important;
}

.text-huise {
  font-size: 24rpx;
  color: #8a8a8a;
}
.text-reset {
  color: #ababab !important;
}

.text-gray {
  color: #666 !important;
}

.text-dark {
  color: #999999 !important;
}

.text-label {
  color: #999999 !important;
}

.text-dbdbdb {
  font-size: 24rpx;
  color: #dbdbdb;
}

.text-white {
  color: #ffffff !important;
}

.text-primary {
  color: rgba(17, 142, 233, 1) !important;
}

.text-orange {
  color: #f90 !important;
}

.text-orange1 {
  color: #ff6600 !important;
}

.text-green {
  color: #22ba67 !important;
}

.text-red {
  color: red !important;
}
.nowrap {
  white-space: nowrap;
}
/*----------------  背景颜色  ---------------- */

.no-color {
  background-color: initial;
}

.top-color {
  background-color: #004b97;
}

.base-color {
  background-color: #000;
}
.shallow {
  background-color: #f2f2f2;
}

.themeBackground {
  background-color: rgba(245, 245, 249, 1);
}

.bg-theme {
  /* background-color: #004b97; */
  /* background-color: #1a82d1; */
  /* background-color: #2380C8; */
  /* background-color: #1B82D2; */
  background-image: linear-gradient(to bottom, #1a82d1, #1b82d2);
  background-image: -webkit-linear-gradient(to bottom, #1a82d1, #1b82d2);
}
.bg-huise {
  background-color: #f6f7f7 !important;
}

.white {
  background-color: white;
}

.primary {
  background-color: rgba(17, 142, 233, 1) !important;
}

.success {
  background-color: #36cd61;
}

.info {
  background-color: #5bc0de;
}

.warning {
  background-color: #f0ad4e;
}

.danger {
  background-color: #d9534f;
}

/*----------------  按钮样式  ---------------- */
.btn {
  height: 60rpx !important;
  line-height: 60rpx !important;
  padding: 0 20rpx important;
}

.btn-sm {
  padding: 0 20rpx;
  height: 50rpx;
  line-height: 50rpx;
  font-size: 30rpx !important;
}
.btn-lg {
}

/*----------------  表单样式  ---------------- */

.checkbox {
  transform: scale(0.9, 0.9);
}

.checkbox .wx-checkbox-input {
  border-radius: 32rpx;
  width: 32rpx;
  height: 32rpx;
  border: 2px solid #5cb85c;
}

.checkbox .wx-checkbox-input-disabled {
  border-radius: 32rpx;
  width: 36rpx;
  height: 36rpx;
  background: #f3f3f3;
  border: 1px solid rgba(201, 201, 201, 1);
}

.checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  background: #5cb85c;
}

.checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  width: 32rpx;
  height: 32rpx;
  line-height: 32rpx;
  text-align: center;
  font-size: 24rpx;
  color: #fff;
  background: transparent;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

.checkbox .wx-checkbox-input {
  border-radius: 32rpx;
  width: 32rpx;
  height: 32rpx;
  border: 1px solid #5cb85c;
}

.checkbox .wx-checkbox-input-disabled {
  border-radius: 32rpx;
  width: 32rpx;
  height: 32rpx;
  background: #f3f3f3;
  border: 1px solid rgba(201, 201, 201, 1);
}

.checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  background: #5cb85c;
}

.checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  width: 32rpx;
  height: 32rpx;
  line-height: 32rpx;
  text-align: center;
  font-size: 24rpx;
  color: #fff;
  background: transparent;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

/*样式二/*/
.checkbox2 {
  transform: scale(0.6);
}
.checkbox2 .wx-checkbox-input {
  width: 50rpx;
  height: 50rpx;
}
.checkbox2 .wx-checkbox-input.wx-checkbox-input-checked {
  background: #5cb85c;
}
.checkbox2 .wx-checkbox-input.wx-checkbox-input-checked::before {
  width: 28rpx;
  height: 28rpx;
  line-height: 28rpx;
  text-align: center;
  font-size: 22rpx;
  color: #fff;
  background: transparent;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

.float {
  float: left;
}

/* 缩进2个字符 */
.ti-2 {
  text-indent: 2em;
}

/* 盒子模型 */
.box-shadow {
  box-shadow: rgba(192, 192, 192, 0.5) 1px 2px 5px 1px !important;
}
